blob: e73418066bd848c54d4e0d11253e025be9a84640 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
<script>
// this needs to be hooked up to the backend
import { AppHeader } from '$comp';
import { user } from '$lib/store';
import { t } from '$lib/translations';
let email;
let message;
</script>
{#if $user}
<AppHeader />
<div class="my-20">
<h1 class="text-center text-3xl md:text-4xl font-semibold mb-10">
{$t('user.support.header')}
</h1>
<form class="space-y-5 mx-auto w-11/12 md:w-[350px]">
<div>
<label for="email" class="font-semibold">{$t('user.support.email')}</label>
<input
class="block border rounded-xl p-2 w-full"
type="email"
name="email"
bind:value={email}
required
/>
</div>
<div>
<label for="account" class="font-semibold">{$t('user.support.accountName')}</label>
<input
class="block border rounded-xl p-2 w-full"
type="text"
name="account"
required
disabled
value={$user.username}
/>
</div>
<div>
<label for="message" class="font-semibold">{$t('user.support.message')}</label>
<textarea
rows={5}
class="block border rounded-xl p-2 w-full"
type="text"
name="message"
bind:value={message}
required
/>
</div>
<button
disabled={!email || !message}
class="{!email || !message
? 'opacity-50'
: 'opacity-100'} bg-black text-white font-bold rounded-xl py-3 w-full mx-auto"
>{$t('user.support.send')}</button
>
</form>
</div>
{/if}
|
